import React from 'react';
import QueueAnim from 'rc-queue-anim'
import { Button } from 'antd';
type P = {
  id?: string
  dataSource: any
  isMobile?: boolean
}
type S = {
  phoneOpen?: boolean
}

class Header extends React.Component<P, S> {
  constructor(props: P) {
    super(props);
    this.state = {
      phoneOpen: false,
    };
  }

  phoneClick = () => {
    const phoneOpen = !this.state.phoneOpen;
    this.setState({
      phoneOpen,
    });
  };

  render() {
    return (
      <QueueAnim
        component="header"
        id={this.props.id}
      >
        <div className="navbar container-xxl  navbar-light p-0">
          <div className="row">
            <div className="col">
              <a className="navbar-brand" href="#">
                <img src="https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/guanwang/Logo_HGKJ%201.png" alt="" />
              </a>
            </div>
            <div className="col">
              <ul className="navbar-nav">
                <li className="nav-item">
                  <a className="nav-link p-0 active" aria-current="page" href="#">首页</a>
                </li>
              </ul>
            </div>
            <div className="col text-right">
              <ul className="navbar-nav ">
                <li className="nav-item text-right">
                  <span className="nav-link p-0 cu"  >登录</span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </QueueAnim>
    );
  }
}

export default Header;
